<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<title>Document</title>
</head>
<body>
	<!--编程题: 写一个按键, 点击后 轮流显示”日周月”, 关闭后再打开能显示关闭前显示的状态-->
	<!--概念题:  1. HTML行内元素有哪些, 块级元素有哪些?画出CSS盒模型
	2.CSS选择符有哪些?哪些属性可以继承?优先级算法如何计算?内联和important哪个优先级高?
	3. 清除浮动的几种方式, 各自的优缺点?
	4. HTML5存储类型有哪些?
	5. HTTP状态吗有哪些, 分别代表什么意思?(几个常用的就行, 不用全说)-->
	
	<span id="look" style="display: none;"></span>
	<input type="button" value="显示/关闭" onclick="btn()"/><br>
	
	<img src="img/5E639563-782F-4423-98B1-E94985A1D6B4.png"/>
	
	<p>行标签: a - 锚点 , abbr - 缩写 , acronym - 首字 , b - 粗体(不推荐) , bdo - bidi override , big - 大字体 , br - 换行 , cite - 引用 , code - 计算机代码(在引用源码的时候需要) , dfn - 定义字段 , em - 强调 , font - 字体设定(不推荐) , i - 斜体 , img - 图片 , input - 输入框 , kbd - 定义键盘文本 , label - 表格标签 , q - 短引用 , s - 中划线(不推荐) , samp - 定义范例计算机代码 , select - 项目选择 , small - 小字体文本 , span - 常用内联容器，定义文本内区块 , strike - 中划线 , strong - 粗体强调 , sub - 下标 , sup - 上标 , textarea - 多行文本输入框 , tt - 电传文本 , u - 下划线 , var - 定义变量</p>
	<p>块标签: address - 地址 , blockquote - 块引用 , center - 举中对齐块 , dir - 目录列表 , div - 常用块级容易，也是css layout的主要标签 , dl - 定义列表 , fieldset - form控制组 , form - 交互表单 , h1 - 大标题 , h2 - 副标题 , h3 - 3级标题 , h4 - 4级标题 , h5 - 5级标题 , h6 - 6级标题 , hr - 水平分隔线 , isindex - input prompt , menu - 菜单列表 , noframes - frames可选内容，（对于不支持frame的浏览器显示此区块内容 , noscript - ）可选脚本内容（对于不支持script的浏览器显示此内容） , ol - 排序表单 , p - 段落 , pre - 格式化文本 , table - 表格 , ul - 非排序列表</p>
	
	<p>#.标签名,子元素选择器,属性选择器,组合选择 </p>
	<p>优先级:括号>以及运算符++,--!等>*/%>+-字符串连接>==!=>&||>=赋值>符号运算符,:</p>	
	<p>important 优先级高于内联</p>
	
	<p>清除浮动的方法:
			1)在浮动元素下加子元素&lt;div class="clear"&gt;&lt;"/div&gt;然后设置样式.clear{ height:0px;font-size:0;clear:both;}；
			2)在浮动元素下面（与浮动元素同级）加&lt;br clear="all"/&gt;
			3)给浮动元素的父级也加浮动(这种情况当父级margin:0 auto时不居中)
			4)给父级加display:inline-block;(同方法2,不居中,只有IE6,7居中)
			5)给浮动元素父级加overflow:auto;
			6）经典用法
 			.clear,.clear-all{clear:both;font-size:0;height:0;line-height:0;overflow:hidden}
			.fix:after,.clearfix:after{clear:both;content:" ";display:block;font-size:0;height:0;visibility:hidden}
			.fix,.clearfix{*zoom:1}
	</p>
	
	<p>1.本地储存 localstorage;2.本地储存 sessionstorage;3.离线缓存 application cache;4. Web SQL;5.indexDB;</p>
	
	<p>
		成功2××   <br>       成功处理了请求的状态码。<br> 
		200        <br>            服务器已成功处理了请求并提供了请求的网页。<br> 
		204         <br>           服务器成功处理了请求，但没有返回任何内容。     <br>                     
		重定向3××  <br>      每次请求中使用重定向不要超过 5 次。<br> 
		301        <br>            请求的网页已永久移动到新位置。当URLs发生变化时，使用301代码。搜索引擎索引中保存新的URL。<br> 
		302        <br>            请求的网页临时移动到新位置。搜索引擎索引中保存原来的URL。<br> 
		304         <br>           如果网页自请求者上次请求后没有更新，则用304代码告诉搜索引擎机器人，可节省带宽和开销。<br> 
		客户端错误4××  <br>    表示请求可能出错，妨碍了服务器的处理。<br> 
		400          <br>           服务器不理解请求的语法。<br> 
		403        <br>             服务器拒绝请求。<br> 
		404        <br>             服务器找不到请求的网页。服务器上不存在的网页经常会返回此代码。<br> 
		410          <br>           请求的资源永久删除后，服务器返回此响应。该代码与 404（未找到）代码相似，但在资源以前存在而现在不存在的情况下，有时用来替代404 代码。如果资源已永久删除，应当使用 301 指定资源的新位置。<br> 
		服务器错误5×× <br>   表示服务器在处理请求时发生内部错误。这些错误可能是服务器本身的错误，而不是请求出错。<br> 
		500            <br>          服务器遇到错误，无法完成请求。<br> 
		503          <br>            服务器目前无法使用（由于超载或停机维护）。通常，这只是暂时状态。      <br>                                                                             
	</p>
	<script type="text/javascript">
	 	var look=document.getElementById("look");
		var mydate=new Date();
		var month = mydate.getMonth()+1;
		var day = mydate.getDate();
		var week = mydate.getDay();
		var arr=[month+"月","星期"+week,"第"+day+"天"];
		var i=0;
		var timer=null;
		timer=setInterval(function(){
			if (i==3) {
				i=0;
				look.innerHTML=arr[i];
			}else{
				look.innerHTML=arr[i];
				i++;
			}
		},1000)	
		var show=true;
		function	 btn(){
			if (show) {
				look.style.display="block";
			}else{			
				look.style.display="none";
			}
			show=!show;
		}
	</script>
</body>
</html>